<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from wbpreview.com/previews/WB01BG165/user-account.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:39 GMT -->
<head>
	<meta charset="utf-8">
    <title>Alveolae - Admin Dashboard</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">    
    
    <!-- CSS files -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/alveolae.css" rel="stylesheet">
    <link href="css/font-awesome/css/font-awesome.css" rel="stylesheet">
    
    <!-- Google font -->
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->	
</head>

<body>
	<!-- Navbar -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="index.html">Alveolae Dashboard</a>
				<div class="nav-collapse">
					<ul class="nav pull-right">
						<li class="divider-vertical"></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages&nbsp;&nbsp;<span class="label label-important">4 new</span></a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-bullhorn"></i>&nbsp;&nbsp;Latest activity&nbsp;&nbsp;<span class="label label-important">6</span></a>
							<ul class="dropdown-menu">
                            	<li><a href="#"><i class="icon-comment"></i>New comment<span class="time">24 mins ago</span></a></li>
                            	<li><a href="#"><i class="icon-envelope-alt"></i>New message<span class="time">50 mins ago</span></a></li>
                            	<li><a href="#"><i class="icon-user"></i>User registration<span class="time">17 hours ago</span></a></li>
								<li><a href="#"><i class="icon-lock"></i>User logged in<span class="time">1 day ago</span></a></li>
								<li><a href="#"><i class="icon-lock"></i>User signed in<span class="time">2 days ago</span></a></li>
                                <li><a href="#"><i class="icon-trash"></i>User deleted account<span class="time">5 days ago</span></a></li>
                                <li><hr><a class="dropdown-menu-footer">
                                	<span class="footer"><i class="icon-eye-open"></i>&nbsp;&nbsp;View all activity</span></a>
                                </li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-cloud"></i>&nbsp;&nbsp;Admin<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="user-account.html"><i class="icon-file"></i>&nbsp;&nbsp;User information</a></li>
								<li><a href="password.html"><i class="icon-key"></i>&nbsp;&nbsp;Change Password</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li><a href="login.html"><i class="icon-lock"></i>&nbsp;&nbsp;Logout</a></li>
						<li class="divider-vertical"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- /Navbar -->
	
	<!-- Main content -->
	<div id="main-content">
		<!-- Container -->
		<div class="container">
			<!-- Header boxes -->
			<div class="box-container">
				<div class="box-holder">
					<a href="index.html"><div class="box"><span><i class="icon-dashboard"></i></span>Home</div></a>
				</div>
				<div class="box-holder">						
					<a href="messages.html"><div class="box"><span><i class="icon-inbox"></i></span>Messages</div></a>
				</div>
				<div class="box-holder">						
					<a href="gallery.html"><div class="box"><span><i class="icon-camera-retro"></i></span>Gallery</div></a>
				</div>
				<div class="box-holder">						
					<a href="user-account.html"><div class="box"><span><i class="icon-globe"></i></span>User information</div></a>
				</div>
			</div>
			<!-- /Header boxes -->
			
			<div class="row">
				<!-- Sidebar -->
				<div class="span3">
					<ul id="sidebar" class="nav nav-tabs nav-stacked">
						<li><a href="index.html"><i class="icon-dashboard"></i>&nbsp;&nbsp;Main dashboard view</a></li>
						<li><a href="grid.html"><i class="icon-th-large"></i>&nbsp;&nbsp;Grid Layout</a></li>
						<li><a href="tables.html"><i class="icon-table"></i>&nbsp;&nbsp;Tables</a></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages<span class="label label-success pull-right">New!</span></a></li>
						<li><a href="news.html"><i class="icon-globe"></i>&nbsp;&nbsp;News<span class="label label-success pull-right">6</span></a></li>
						<li><a href="products.html"><i class="icon-truck"></i>&nbsp;&nbsp;Products<span class="label label-success pull-right">3</span></a></li>
						<li><a href="alerts.html"><i class="icon-bolt"></i>&nbsp;&nbsp;Alerts</a></li>
						<li><a href="gallery.html"><i class="icon-camera-retro"></i>&nbsp;&nbsp;Gallery</a></li>
						<li><a href="faqs.html"><i class="icon-legal"></i>&nbsp;&nbsp;FAQ</a></li>
						<li class="active"><a href="user-account.html"><i class="icon-user"></i>&nbsp;&nbsp;User information</a></li>
						<li class="accordion" id="navigation-components">
							<a href="#collapse-additional-info" class="accordion-toggle" data-toggle="collapse" data-parent="navigation-components">
								<i class="icon-list-ul"></i>&nbsp;&nbsp;More info
								<span class="label label-success pull-right">Click me!</span>
							</a>
							<div id="collapse-additional-info" class="accordion-body collapse">
								<div class="sidebar-extra well">
									You can add more information here.
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- /Sidebar -->
				
				<!-- Content -->
				<div class="span9">
					<h1 class="page-title">User information</h1>
					<div class="widget">
						<div class="widget-header">
							<h3>Text description</h3>
						</div>
						<div class="widget-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
						</div>
					</div>
				
					<div class="widget">
						<div class="widget-header">
							<h3>User information</h3>
						</div>
						<div class="widget-content">
							<form>
								<div class="span4"><label>Username</label><input type="text" value="loremipsum" class="span4"></div>
								<div class="span4"><label>Email address</label><input type="text" value="lorem@ipsum.com" class="span4"></div>
								<div class="span4"><label>First name</label><input type="text" value="Lorem" class="span4"></div>
								<div class="span4"><label>Last name</label><input type="text" value="Ipsum" class="span4"></div>
								<div class="span8"><label>Address</label><input type="text" value="24, Ipsum Street" class="span8"></div>
								<div class="span5">
									<label>Time Zone</label>
									<select name="DropDownTimezone" id="DropDownTimezone" class="span5">
									  <option value="-12.0">(GMT -12:00) Eniwetok, Kwajalein</option>
									  <option value="-11.0">(GMT -11:00) Midway Island, Samoa</option>
									  <option value="-10.0">(GMT -10:00) Hawaii</option>
									  <option value="-9.0">(GMT -9:00) Alaska</option>
									  <option selected="selected" value="-8.0">(GMT -8:00) Pacific Time (US & Canada)</option>
									  <option value="-7.0">(GMT -7:00) Mountain Time (US & Canada)</option>
									  <option value="-6.0">(GMT -6:00) Central Time (US & Canada), Mexico City</option>
									  <option value="-5.0">(GMT -5:00) Eastern Time (US & Canada), Bogota, Lima</option>
									  <option value="-4.0">(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz</option>
									  <option value="-3.5">(GMT -3:30) Newfoundland</option>
									  <option value="-3.0">(GMT -3:00) Brazil, Buenos Aires, Georgetown</option>
									  <option value="-2.0">(GMT -2:00) Mid-Atlantic</option>
									  <option value="-1.0">(GMT -1:00 hour) Azores, Cape Verde Islands</option>
									  <option value="0.0">(GMT) Western Europe Time, London, Lisbon, Casablanca</option>
									  <option value="1.0">(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris</option>
									  <option value="2.0">(GMT +2:00) Kaliningrad, South Africa</option>
									  <option value="3.0">(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg</option>
									  <option value="3.5">(GMT +3:30) Tehran</option>
									  <option value="4.0">(GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi</option>
									  <option value="4.5">(GMT +4:30) Kabul</option>
									  <option value="5.0">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>
									  <option value="5.5">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi</option>
									  <option value="5.75">(GMT +5:45) Kathmandu</option>
									  <option value="6.0">(GMT +6:00) Almaty, Dhaka, Colombo</option>
									  <option value="7.0">(GMT +7:00) Bangkok, Hanoi, Jakarta</option>
									  <option value="8.0">(GMT +8:00) Beijing, Perth, Singapore, Hong Kong</option>
									  <option value="9.0">(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk</option>
									  <option value="9.5">(GMT +9:30) Adelaide, Darwin</option>
									  <option value="10.0">(GMT +10:00) Eastern Australia, Guam, Vladivostok</option>
									  <option value="11.0">(GMT +11:00) Magadan, Solomon Islands, New Caledonia</option>
									  <option value="12.0">(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka</option>
									</select>
								</div>
								<div class="span3 pull-right">
									<a href="#" class="btn btn-info btn-user-info">Update</a>
								</div>
							</form>
						</div>
					</div>
					
				</div>
				<!-- /Content -->
			</div>
			
			<!-- Footer -->
			<div id="footer">
				<hr>
				<p class="pull-right">Company name &copy; 2012</p>
			</div>
			<!-- /Footer -->
	
		</div>
		<!-- /Container -->
	</div>
	<!-- /Main content -->

	<!-- Javascript files -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>

</body>

<!-- Mirrored from wbpreview.com/previews/WB01BG165/user-account.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:39 GMT -->
</html>
